<!DOCTYPE html>
<html style="height:100%">
  <head>
    <meta charset="UTF-8">
    <title>Habitica</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/font-awesome.min.css" rel="stylesheet">
    <link href="css/index.css" rel="stylesheet">
  </head>
  <body style="height:100%" ng-app="Habitica">
    <div class="nav-fixed-cover">
      <nav class="nav-fixed-top">
        <div class="drag-area"></div>
        <ul class="nav-bar"><li><a class="icon-reorder" id="menu-bottom"></a></li></ul>
        <span id="title">Habitica</span>
        <ul class="nav-bar nav-bar-right">
          <li><a class="icon-minus" style="padding-right:6.5px;font-size: 13px;"></a></li>
          <li><a class="icon-remove shutdown" style="font-size: 15px;" onclick="Bwindow.close()"></a></li>
        </ul>
      </nav>
      <div class="nav-fixed-left" id="menu">
        <div style="width:99999px">
          <div class="page main-page active">
            <ul class="nav nav-stacked nav-left">
              <page-tab page-id="tools-page">工具</page-tab>
              <page-tab page-id="setting-page">设置</page-tab>
            </ul>
          </div>
          <div class="page" id="setting-page">
            <back-to-menu></back-to-menu>
            <ul class="ul-tab nav">
              <li>
                <strong>设置</strong>
              </li>
              <li>
                <div class="checkbox">
                  <label>
                    <input type="checkbox"> 自动启动开发者工具
                  </label>
                </div>
              </li>
              <li>
                <button type="submit" class="btn btn-success" onclick="Bwindow.webContents.openDevTools()">打开开发者工具</button>
              </li>
              <li>
                <button type="submit" class="btn btn-danger" onclick="ipcRenderer.send('relaunch',{})">重新启动应用程序</button>
              </li>
            </ul>
          </div>
          <div class="page" id="tools-page">
            <back-to-menu></back-to-menu>
            <h3>工具</h3>
          </div>
        </div>
      </div>
      <div class="main">
        <webview id="habitica" ondrop="event.preventDefault();" plugins style="width:100%;height: 100%;display:inline-flex" src="https://habitica.com/"></webview>
      </div>
    </div>
  <script>
    window.$ = window.jQuery = require("./js/jquery.min.js");
  </script>
  <script src="view.js"></script>
  <script src="js/bootstrap.min.js"></script>
  <script src="js/angular.js"></script>
  <script src="ng-app.js"></script>
  </body>
</html>
